<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>我参加的活动</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <style>
        .buttons-tab .button {
            font-size: 15px;
        }

        .zero-tip {
            display: none;
            position: absolute;
            left: 50%;
            margin: 12rem 0 0 0;
            font-size: 14px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #999;
        }

        .offline-bg {
            display: none;
            position: absolute;
            left: 50%;
            margin: 8rem 0 0 0;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 6rem;
            height: 6rem;
        }

        .normal-list .list-item[data-state='4'] h1:after {
            content: "已完成" !important;
        }
    </style>
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left " onclick="history.go(-1)" >返回</a>

            <h1 class="title">我参加的活动</h1>
        </header>
        <div class="buttons-tab" style="margin-top: 46px;">
            <a href="#" class="tab-link button active" data-state="0">全部</a>
            <a href="#" class="tab-link button " data-state="2">未开始</a>
            <a href="#" class="tab-link button" data-state="3">进行中</a>
            <a href="#" class="tab-link button" data-state="4">已完成</a>
        </div>
        <!--内容部分 !-->
        <div class="content top42  infinite-scroll infinite-scroll-bottom" data-distance="100">
            <!--列表页面 !-->
            <img src="${staticpath}/images/offline-zero-bg.png" alt="活动" class="offline-bg"/>

            <p class="zero-tip">您还没有报名活动！</p>

            <div class="normal-list" data-url="${basepath}/front/offline/toOfflineDetail"  data-editUrl="${basepath}/front/offline/toOfflineClosed"  data-addCommentUrl="${basepath}/front/organizeComment/toAddOrganizeComment" data-detailCommentUrl="${basepath}/front/organizeComment/toOrganizeCommentDetail">
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/account/accountOfflineList.js' charset='utf-8'></script>
<script>

</script>
</body>

</html>
